<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机器学习基础 - 数智学习</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="../../css/style.css">
    <meta name="description" content="机器学习基础教程,包含监督学习、无监督学习等核心内容">
    <meta name="keywords" content="机器学习,监督学习,无监督学习,模型评估">
    <meta property="og:title" content="机器学习基础 - 数智学习">
    <meta property="og:description" content="系统学习机器学习基础知识">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://cdn.tailwindcss.com; style-src 'self' https://fonts.googleapis.com https://cdnjs.cloudflare.com;">
    <meta http-equiv="X-Content-Type-Options" content="nosniff">
    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
</head>
<body class="bg-gradient-to-br from-purple-900 via-indigo-800 to-blue-900 text-white min-h-screen">
    <header class="backdrop-blur-md bg-opacity-30 bg-gray-900 fixed w-full z-50">
        <nav class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="logo flex items-center">
                    <img src="../../images/logo.svg" alt="数智学习" class="h-8 w-8 mr-2">
                    <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">数智学习</span>
                </div>
                <nav aria-label="主导航">
                    <ul role="menubar">
                        <li role="menuitem"><a href="../../index.html">首页</a></li>
                        <li><a href="../overview/methods.html" class="hover:text-blue-400 transition-colors">学习方法</a></li>
                        <li><a href="basics.html" class="hover:text-blue-400 transition-colors">基础知识</a></li>
                        <li><a href="data_analysis.html" class="hover:text-blue-400 transition-colors">数据分析</a></li>
                        <li><a href="machine_learning.html" class="text-blue-400">机器学习</a></li>
                        <li><a href="deep_learning.html" class="hover:text-blue-400 transition-colors">深度学习</a></li>
                    </ul>
                </nav>
            </div>
        </nav>
    </header>

    <main class="pt-24">
        <div class="container mx-auto px-6 py-12">
            <h1 class="text-4xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">机器学习基础</h1>
            
            <!-- 监督学习 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-blue-400">监督学习</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">分类算法</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>逻辑回归</li>
                            <li>决策树与随机森林</li>
                            <li>支持向量机(SVM)</li>
                            <li>K近邻算法(KNN)</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">回归算法</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>线性回归</li>
                            <li>多项式回归</li>
                            <li>岭回归与Lasso</li>
                            <li>梯度提升树</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 无监督学习 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-purple-400">无监督学习</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">聚类算法</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>K-means聚类</li>
                            <li>层次聚类</li>
                            <li>DBSCAN密度聚类</li>
                            <li>高斯混合模型</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">降维算法</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>主成分分析(PCA)</li>
                            <li>t-SNE</li>
                            <li>UMAP</li>
                            <li>自编码器</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 模型评估 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8">
                <h2 class="text-2xl font-bold mb-6 text-indigo-400">模型评估与优化</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">评估指标</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>准确率与精确率</li>
                            <li>召回率与F1分数</li>
                            <li>ROC曲线与AUC</li>
                            <li>混淆矩阵</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">模型优化</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>交叉验证</li>
                            <li>网格搜索</li>
                            <li>特征工程</li>
                            <li>集成学习</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="container mx-auto px-6 py-8 text-center text-gray-400">
        <p class="mb-2">&copy; 2024 数智学习. All rights reserved.</p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-blue-400 transition-colors">晋ICP备20000773号-3</a></p>
    </footer>
    <script src="../../js/effects.js"></script>

    <!-- 建议添加移动端导航菜单 -->
    <button class="md:hidden text-white hover:text-blue-400 transition-colors" id="mobile-menu-button">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
        </svg>
    </button>

    <div class="mobile-menu hidden md:hidden mt-4">
        <!-- 移动端菜单内容 -->
    </div>

    <!-- 添加跳转链接 -->
    <a href="#main-content" class="sr-only focus:not-sr-only">
        跳到主要内容
    </a>

    <!-- 添加返回顶部按钮 -->
    <button id="back-to-top" class="fixed bottom-8 right-8 p-2 bg-blue-500 rounded-full hidden">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
        </svg>
    </button>
</body>
</html> 